//对表格进行增删改查


//新增数据函数
function addRow()
{
    var table = document.getElementById("table");
    // console.log(table);
    //获取插入位置
    var length = table.rows.length;

    //插入行节点
    var newRow = table.insertRow(length);
    
    //插入列节点对象
    var nameCol = newRow.insertCell(0);
    var phoneCol = newRow.insertCell(1);
    var actionCol = newRow.insertCell(2);


    //修改节点文本内容
    nameCol.innerHTML = "未命名";
    phoneCol.innerHTML = "无联系方式";
    actionCol.innerHTML = "<button onclick='editRow(this)'>编辑</button><button onclick='deleteRow(this)'>删除</button>"
}

//删除数据的函数
function deleteRow(button)
{
    //this是按钮 找到其父节点的父节点即为tr这一行
    var row = button.parentNode.parentNode;
    row.parentNode.removeChild(row);  //用其父节点来删除 不能自己删除自己
}


//编辑数据函数
function editRow(button)
{
    var row = button.parentNode.parentNode;
    var name = row.cells[0];
    var phone = row.cells[1];

    var inputName = prompt("请输入姓名: "); //调用浏览器自带的弹窗
    var inputPhone = prompt("请输入联系方式: ");

    name.innerHTML = inputName;
    phone.innerHTML = inputPhone;
}